
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<div class="row">
	<div class="col-xs-12">
		<div class="box">
			<div class="box-header">
				<h3 class="box-title">日志管理</h3>

				<div class="box-tools">
					<!-- 分页功能区 -->
					<div id="pageId" class="box-footer clearfix" dm="100">
					</div>
					<div class="input-group input-group-sm" style="width: 350px;">
						<input type="text" name="table_search" id="searchNameId"
							class="form-control pull-right" placeholder="用户名">
						<div class="input-group-btn">

							<button type="button" class="btn btn-default btn-search">
                                <i class="fa fa-search"></i>
							</button>
							<button type="button" class="btn btn-default btn-delete">删除</button>
							
						</div>			
					</div>

			</div>
			<br>
			<br>				
			<!-- /.box-header -->
			<div class="box-body table-responsive no-padding " >
				<table id="tb_departments"  class="table table-hover">
					<thead>
						<tr>
						    <th><input type="checkbox" id="checkAll">全选</th>
							<th>用户名</th>
							<th>操作</th>
							<th>请求方法</th>
							<th >请求参数</th>
							<th>IP</th>
							<th>执行时长</th>
						</tr>
					</thead>
					<tbody id="tbodyId">
					    <tr>
					       <td colspan="7">数据正在加载中...</td>
					    </tr>
					</tbody>
				</table>
			</div>

			<!-- /.box-body -->
		</div>

		<!-- /.box -->
	</div>
</div>
<script src="/module/js/self_log_list.js" ></script>
<script type="text/javascript">
   //JS 问题如何解决? console.log(),debugger,排除法
/*    $(function(){ 
	   //在log_list.html页面的pageId位置，加载page.html,合二为一。
	   $("#pageId").load("doPageUI",function(){//资源加载完成执行
		   doGetObjects();//异步加载日志信息
	   });
	   //查询按钮事件注册
	   $(".input-group-btn")
	   .on("click",".btn-search",doQueryObjects)
	   .on("click",".btn-delete",doDeleteObjects)
	   
	   //thead中全选checkbox事件注册
	   $("#checkAll").click(doChangeTBodyCheckBoxState);
	   //tbody中checkbox对象事件注册
	   $("#tbodyId").on("click",".cBox",doChangeTHeadCheckBoxState)
   }) */
 	
   /*在页面加载完后异步请求日志基本页面，等基本加载完后再请求数据*/
   $(function(){
	   //调用jq的load方法
	   $("#pageId").load("doPageUI",function(){
		   //先请求日志基本页面，在回调函数中调用请求数据页面
		   doGetObjects();
	   });
	   
	   //为按钮绑定点击事件,使用on方法可以进行统一设定
	   $(".input-group-btn")//哪个对象下面的
	   .on("click",".btn-search",doQueryObjects)//把类选择器为.btn-search的对象绑定click事件，按下时执行函数doQueryObjects
   	   .on("click",".btn-delete",doDeleteObjects)
   	   
   	   //为全选框增加事件
   	   $("#checkAll").click(doChangeTBodyCheckBoxState);
	   //为所有的复选框增加事件,要使用on方法，on可以为动态添加的绑定，click绑定的是已存在的
	   $("#tbodyId").on("click",".cBox",doChangeTHeadCheckBoxState);
   })
</script>






